<?php $this->load->view('inc/header.php');?>
   <script type="text/javascript" src="<?php echo $static_url;?>/js/piecemaker/swfobject.js"></script>
        
    <script type="text/javascript">
      var flashvars = {};
      flashvars.cssSource = "<?php echo $static_url;?>/js/piecemaker/piecemaker.css";
      flashvars.xmlSource = "<?php echo $static_url;?>/js/piecemaker/piecemaker.xml";
		
      var params = {};
      params.play = "true";
      params.menu = "false";
      params.scale = "showall";
      params.wmode = "transparent";
      params.allowfullscreen = "true";
      params.allowscriptaccess = "always";
      params.allownetworking = "all";
	  
      swfobject.embedSWF('<?php echo $static_url;?>/js/piecemaker/piecemaker.swf', 
        'piecemaker', '940', '420', '5', null, flashvars,params, null);
    
    </script>

<div style="width:940px; margin:0 auto; overflow:auto;">
  <span id="piecemaker"></span>
</div>


<div class="catena" ><div class="inner">

  <?php foreach ($list = mlist('cat','*',array(),array('img_id|s'=>'images:id,l'),0,6,'','a') as $k => $v) :?>  
  <div class="item">
    <img width="131px" src="<?php echo $base_url.fd('v.img_id_row.l','na',$v);?>"/>

    <div class="title"><?php echo $v['title'];?></div>
    <a class="more" href="<?php echo site_url('c=product&m=cat&id='.$v['id']);?>">more</a>
  </div>
  <?php if(($k+1)%3 == 0):?>
  <div style="clear:both;"></div>
  <div style="height:10px;"></div>
  <?php endif;?>
  <?php endforeach;?>
</div></div>

<?php $this->load->view('inc/footer.php');?>

<script>$(function(){
  $('.catena .item').hover(function(){
    $(this).removeClass('item');
    $(this).addClass('item-h');
  },function(){
    $(this).removeClass('item-h');
    $(this).addClass('item');
  });
});</script>
